<div align="center">
	<b>e.g. : </b>10 coffee at Kadamba #tea #snacks 
</div>
<div>
<form class="form-1" id="form0" method="post" action="transcationCreate.groovy">
	<b>Expenses : </b> 
	&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="text" id="transcation" name="transcation" size="150" value="" class="validate[required]"/>
	&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="submit" name="action" value="&#10010; Add"/>
</form>
</div>

<span class="h3" style="text-align: center;">OR</span>

<div>
<form class="form-1" id="form1" method="post" action="transcationCreate.groovy">
	<b>Amount : </b> 
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="text" id="transcationAmount" name="transcationAmount" size="5" value="" class="validate[required]"/>
	&nbsp;&nbsp;&nbsp;&nbsp;
	<b>Description : </b> 
	&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="text" id="transcationDescription" name="transcationDescription" size="55" value="" class="validate[required]"/>
	&nbsp;&nbsp;&nbsp;&nbsp;
	<b>Tags : </b> 
	&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="text" id="transcationTags" name="transcationTags" value="" size="40" />
	&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="submit" name="action" value="&#10010; Add"/>
	<input type="hidden" name="transcationId" value="0"/>
</form>	 
</div>

<br/>

<% include 'transcationDisplay.gsp' %>

<script type="text/javascript">
\$(document).ready(function() {
	\$("#form0").validationEngine({	scroll : false,	inlineValidation : false });
	\$("#form1").validationEngine({	scroll : false,	inlineValidation : false });
	\$('#transcation').focus();
});
</script>